<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复写代码</title>
    <script src="./jquery.js"></script>
</head>
<body>
<input id="txt1" name="text1" type="text" value="测试文本">
<br>
<input type="button" id="btn1" value="hide按钮" onclick="clickme()">
<br>
<input type="button" id="btn2" value="show按钮" onclick="clickme()">
<br>
<input type="button" id="btn3" value="toggle按钮" onclick="clickme()">
<br>
<div id="div1" style="background-color: aqua;width: 200px;height: 100px"></div>
<div id="div2" style="background-color:#dd11ff;width: 200px;height: 100px"></div>
<input type="button" id="btn4" value="fade按钮" onclick="clickme()">
<br>
<input type="button" id="btn5" value="按钮" onclick="clickme()">
<br>
    <script>
        //准备就绪的方法
        $(document).ready(function () {
            //duocument相当于Java里的object；
        })
        $(function () {
            //简写
        })

        $("#btn1").click(function () {
            $("#txt1").hide("slow",function () {
                alert("消失了，但是还会出现！！")//回调；
            });
        });
        $("#btn2").dblclick(function () {//双击
            $("#txt1").show();
        });
        $("#btn3").mousedown(function () {//鼠标按下去；
            $("#txt1").toggle();
        });
        $("#btn4").mousedown(function () {//鼠标按下去；
            $("#div1").fadeOut(1000);
        });
        $("#btn4").dblclick(function () {//双击；
            $("#div1").fadeIn(1000);
        });
        $("#btn5").click(function () {//鼠标按下去；
            $("#div2").slideUp();
        });
        $("#btn5").dblclick(function () {//双击；
            $("#div2").slideDown();
            $("#div1").css("background-color","red");
        });
    </script>
</body>
</html>